<link rel="stylesheet" type="text/css" href="<?php echo PUBLIC_URL ?>css/pro-center.css">

<style>#footer{width:74%;margin-left:auto;margin-right:auto;background:#AAC619;height:100px; color:#FFFFFF;font-size:14px;margin-top:10px;}</style>
<div id="pro-list">
    <div class="nav">
        <i style="margin-left:20px;"> 当前位置：<i style="color:green">首页 > 产品中心 ></i> </i>
    </div>
    <!-- 产品列列便李区-->
    <div class="vv">
    <?php 
    if(!$data['pro_List']){
        echo "";
    }else{
    foreach( $data['pro_List'] as $v){
    ?>
        <div style="cursor:pointer;width:49.7%;"  class="pro-img" onclick="redirect(this)" name="<?php echo $v['proName']; ?>" id="<?php echo $v['proId'] ?>">
            <img width="30%"  src="<?php echo PROIMG.$v['proImg']; ?>">
            <div class="desc" style="">
                <font color='red' style="position:absolute;left:4%;top:-20px;color:green;"><?php echo $v['proName'] ?></font><br>
                <font style="color:#AAc717; font-size:200%;width:70%;display:block;word-break:break-all;text-align:left;margin-left:26px;"><?php 
                    echo mb_substr($v['proDesc'], 0, 4);
                    echo "<br>";
                    echo "-".mb_substr($v['proDesc'],5, 100);
                ?></font><br>
                <ul style="position:absolute;left:-80px;top:80px;width:60%;word-break:break-all;line-height:17px;text-align:left;margin-left:18%;height:130px;overflow:hidden;font-size:13px;">
                    <?php
                     $effect = json_decode($v['effect'], true);
                     
                    for($i = 0; $i < count($effect); $i++){
                    ?>
                        <li style=""><font size="5">.</font><font size="2"><?php echo $effect[$i]; ?></font></li>
                     <?php } ?>
                </ul>
            
            </div>
        </div>
    <?php } } ?>
    </div>
    <!-- 产品列列便李区-->
     <script>
        function redirect(obj){
            window.location.href="<?php  echo DOCUMENT.'welcome/show_pro?id='?>"+obj.id+"&proname="+obj.attributes["name"].value;
        }
    </script>
</div>
